@import "@arco-design/web-vue/es/button/style/index.less";
// header 导航栏样式
@import "@/assets/styles/header-room.less";
@import url("../font/index.less");
// @import "@arco-themes/vue-domaindns/index.less";

* {
	font-family: "Poppins", sans-serif;
	box-sizing: border-box !important;

	&::before,
	&::after {
		box-sizing: border-box !important;
	}
}

html,
body,
#domain-services {
	@apply w-full  m-0 p-0  relative;
	scroll-behavior: smooth;
	.arco-layout-header {
		@apply w-full flex justify-between items-center  px-5vw;
	}
}
body {
	@apply m-0 w-full text-2 overflow-y-auto!;
}
html {
	height: -webkit-fill-available;
}
.gb-container {
	@apply mx-auto w-full;
}
.gb-inner {
	@apply px-72px py-24px;
}
a {
	@apply no-underline;
}

.app-link {
	@apply no-underline group flex items-center gap-x-2 text-2 text-sm leading-6 hover:text-3 text-nowrap;
	&.is-active {
		@apply text-3;
	}
}
.is-top {
	color: #fff !important;
}
.is-not-top {
	color: #000 !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-transition-delay: 111111s;
	-webkit-transition:
		color 11111s ease-out,
		background-color 111111s ease-out;
}

// 配合nuxt-config.js中配置的pageTransition
.page-enter-active,
.page-leave-active {
	transition: all 0.3s;
}

.page-enter-from,
.page-leave-to {
	opacity: 0;
	filter: blur(0.5rem);
}

// 为单个页面设置不同的页面切换动画，参考about
.rotate-enter-active,
.rotate-leave-active {
	transition: all 0.4s;
}

.rotate-enter-from,
.rotate-leave-to {
	opacity: 0;
	transform: rotate3d(1, 1, 1, 15deg);
}
:root {
	--app_header_bg_color: #fff;
	--app_header_scroll_bg_color: #165dff;
	--app_header_height: 5rem;
	--gb-text-color: #2b2b2d;
	--gb-button-overlay-bg: #2b2b2d;
	--gb-button-opacity-base: 0.1;
}

@media screen and (min-width: 1025px) {
	// pc导航栏
	@import url("./responsive/pc.less");
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	// pad导航栏
	@import url("./responsive/pad.less");
}

@media screen and (max-width: 768px) {
	// 移动端导航栏
	@import url("./responsive/mobile.less");
}
